<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/cart.css">
    <title>大朴购物车</title>
</head>

<body>
    <header>
        <div class="w">
            <div class="header-bar">
                <h1>
                    <a href="../index.html"><img src="https://activity.dapuimg.com/2019082001logo.png" alt="大朴网"
                            style="width:250px;height:100px;"></a>
                </h1>
            </div>
        </div>
    </header>
    <section>
        <div class="w">
            <div class="title" style="text-align:right;"><strong>我的购物车</strong><a class="btn btn-default"
                    href="/cart-clearCart.html">清空购物车</a>
            </div>
            <div class="catbox">
                <table id="cartTable">
                    <thead>
                        <tr>
                            <th width="5%"><label>
                                    <input class="check-all check" type="checkbox" />&nbsp;&nbsp;全选</label></th>
                            <th width="40%">商品信息</th>
                            <th width="10%">商品单价</th>
                            <th width="15%">商品数量</th>
                            <th width="10%">小计</th>
                            <th width="10%">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="checkbox">
                                <input class="check-one check" type="checkbox" />
                            </td>
                            <td class="goods">
                                <img src="http://p1.dapuimg.com/public/images/7d/1d/f3/98aca77a2c4a5383bcdeafbe82bc6664.jpg?1556615086#h" alt="" />
                                <span>无橡筋女袜三双装/六双装</span>
                                <span>颜色：三双装（浅灰，浅黄，卡其）</span>
                            </td>
                            <td class="price">￥69</td>
                            <td class="count">
                                <span class="reduce"></span>
                                <input class="count-input" type="text" value="1" />
                                <span class="add">+</span>
                            </td>
                            <td class="subtotal">￥69</td>
                            <td class="operation">
                                <span class="delete">删除</span>
                            </td>
                        <!-- </tr>
                        <tr>
                            <td class="checkbox">
                                <input class="check-one check" type="checkbox" />
                            </td>
                            <td class="goods">
                                <img src="./img/2.jpg" alt="" /><span>Canon/佳能 PowerShot SX50 HS</span>
                            </td>
                            <td class="price">3888.50</td>
                            <td class="count">
                                <span class="reduce"></span>
                                <input class="count-input" type="text" value="1" />
                                <span class="add">+</span>
                            </td>
                            <td class="subtotal">3888.50</td>
                            <td class="operation">
                                <span class="delete">删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="checkbox">
                                <input class="check-one check" type="checkbox" />
                            </td>
                            <td class="goods">
                                <img src="./img/3.jpg" alt="" /><span>Sony/索尼 DSC-WX300</span>
                            </td>
                            <td class="price">1428.50</td>
                            <td class="count">
                                <span class="reduce"></span>
                                <input class="count-input" type="text" value="1" />
                                <span class="add">+</span>
                            </td>
                            <td class="subtotal">1428.50</td>
                            <td class="operation">
                                <span class="delete">删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="checkbox">
                                <input class="check-one check" type="checkbox" />
                            </td>
                            <td class="goods">
                                <img src="./img/4.jpg" alt="" /><span>Fujifilm/富士 instax mini 25</span>
                            </td>
                            <td class="price">640.60</td>
                            <td class="count">
                                <span class="reduce"></span>
                                <input class="count-input" type="text" value="1" />
                                <span class="add">+</span>
                            </td>
                            <td class="subtotal">640.60</td>
                            <td class="operation">
                                <span class="delete">删除</span>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
                <div class="foot" id="foot">
                    <a class="fl delete" id="deleteAll">删除</a>
                    <div class="fr closing">结 算</div>
                    <input type="hidden" id="cartTotalPrice" />
                    <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
                    <div class="fr selected" id="selected">已选商品<span id="selectedTotal">0</span>件</div>
                </div>
            </div>
        </div>
    </section>
</body>

</html>